// 定义打开选项卡的函数
function openTab(evt, tabName) {
    // 获取所有选项卡内容
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tab-content");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none"; // 隐藏所有选项卡内容
    }
    // 获取所有选项卡按钮
    tablinks = document.getElementsByClassName("tab-button");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", ""); // 移除所有活动类
    }
    // 显示当前选项卡内容，并添加活动类到当前按钮
    document.getElementById(tabName).style.display = "block";
    evt.currentTarget.className += " active";
}

// 初始化时显示第一个选项卡
document.addEventListener("DOMContentLoaded", function() {
    openTab(event, 'Tab1');
});